---
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Container from "@components/container.astro";
import Breadcrumb from '@components/breadcrumb.vue';
import img from '@assets/qualityControl/image.png'


// Filter team entries with 'draft: false' & date before current date
const publishedTeamMembers = await getCollection("team", ({ data }) => {
  return !data.draft && data.publishDate < new Date();
});

const itemList= [
    {
    title: '质量方针',
    des: '持续改进，顾客满意是我们永恒的追求，以顾客为关注焦点，以诚信负责的态度为顾客提供优质的产品与服务，为客户创造价值是我们的目标'
},
{
    title: '质量战略',
    des: '质量可持续发展，增强顾客满意度为中心开展公司内部全员参与的质量活动，实施组织、过程、产品的不断持续改进，在所有业务领域追求零缺陷战略'
},
{
    title: '质量承诺',
    des: '以真诚的态度向顾客提供满意的产品，将产品和服务进行到底，实现零缺陷目标'
},
{
    title: '质量控制',
    des: '将质量植根于产品和服务的全声明过程中，不放过任何一个环节的质量控制。持续改进、追求完美，客观的度量现状、识别不足、实施持续改进滚动提升质量目标，实现PDCA循环，持续增强客户满意度'
},

]
---

<Layout title="About">
  <Container>
    <Breadcrumb client:only/>
   <div class="content">
<div class="text-[30px] text-333 font-[500]">质量管理</div>
<div class="text-[14px] text-333 mt-[10px]">艾诺半导体严格按照ISO9001质量管理体系同时基于顾客需求和相关方期望为关注焦点所建立的。为实现质量方针和质量目标，采取过程方法及基于风险的思维方式，采取预防措施，稳定提供满足全球顾客要求及适用法律法规要求的产品和服务</div>
<div class="text-[20px] text-333 font-[500] mt-[30px] mb-[20px]">艾诺质量体系介绍</div>
<div class="box">
    <ul class="mr-[62px]">
        {itemList.map(item => (
 <li class="flex justify-start items-center">
    <i class="text-[50px] text-712C2F">·</i>
    <span class="text-[20px] text-333 font-[500] mr-[30px] ml-[16px] w-[80px] shrink-0">{item.title}</span>
    <span class="text-[14px] text-333">{item.des}</span>
    </li>
        ))}
        <li  class="flex justify-start items-center">
    <i class="text-[50px] text-712C2F">·</i>
            <span class="text-[20px] text-333 font-[500] mr-[30px] ml-[16px] shrink-0">体系证书</span>
            <span class="text-[14px] text-333">ISO9001中文版本 </span>
        </li>
    </ul>

    <img src={img.src} alt="" class="h-[450px]">

</div>
   </div>
    </div>
  </Container>

</Layout>
<style lang="scss" scoped>
.content{
    padding: 16px;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
    .box{
  border-radius: 2px;
box-sizing: border-box;
border: 1px solid rgba(51, 51, 51, 0.2);
padding:49px 34px;
box-sizing: border-box;
display: flex;
li+li{
    border-top: 1px solid #D8D8D8;
}
    }
}
</style>
